<html>

<head>
  <title>Lesson03 - React第三课之元素渲染</title>
</head>

<body>
  <div id="app"></div>
  <ul>
    <li>React中只会更新发生了变化的元素</li>
  </ul>


  <script src="../lib/react.development.js"></script>
  <script src="../lib/react-dom.development.js"></script>
  <script src="../lib/babel.min.js"></script>
  <script type="text/babel">
    const appDom = document.getElementById('app');
    let currentDate = () => {
      const content = (
        <div>
          <h1>Hello React!</h1>
          <h3>当前时间： {new Date().toLocaleString()}</h3>
        </div>
      );
      ReactDOM.render(content, appDom);
    }
    setInterval(currentDate, 1000);
    </script>
</body>

</html>